{extend name="public/menu2" /}
{block name='title'}-{$cur.name}{/block}

{block name='content'}

<div class="right_content">
    <ul id="list">
        {foreach $content as $kc=>$vc}
        <li class="school">
            <p class="image"><img src="{$vc.thumb ?: ''}" alt=""></p>
            <p class="name a_row">{$vc.title ?: ''}</p>
            <div class="address">
                <span class="img"><img src="__STATIC__/index/img/address_grey.png" alt=""></span>
                <p class="a_row">地址：{$vc.address ?: ''}</p>
            </div>
        </li>
        {/foreach}

    </ul>
</div>
</div>
{/block}

{block name='script'}
<style>
    #list {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

    #list li {
        margin-bottom: 30px;
        width: 509px;
        box-shadow: 0 0 10px #ddd;
        border-radius: 3px;
        overflow: hidden;
    }

    #list .image {
        height: 328px;
    }

    #list .name {
        margin: 30px 30px 20px;
        font-size: 30px;
    }

    #list .address {
        margin: 0 30px 30px;
        color: #959595;
        display: flex;
        align-items: center;
    }

    #list .img {
        width: 16px;
        height: 16px;
    }
</style>

{/block}